<!-- 合作伙伴 -->
<style>
  /* 合作伙伴 */
  .partners-section {
    background: #f7f8f8;
    overflow: hidden;
  }

  .partner-logos {
    max-width: 100rem;
    margin: auto;
    display: flex;
    gap: 1.125rem;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    box-sizing: border-box;
  }

  .partner-logo {
    width: 11.5rem;
    height: 7.5rem;
    border-radius: 0.625rem;
    background: #eef1f2;
    transition: transform 0.3s ease;
  }

  .partner-logo:hover {
    transform: translateY(-5px);
  }

  .partner-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
  }

  /* 响应式样式 */
  @media screen and (max-width: 1024px) {
    .partner-logos {
      gap: 1rem;
    }

    .partner-logo {
      width: 10rem;
      height: 6.5rem;
    }
  }

  @media screen and (max-width: 768px) {
    .partner-logo {
      width: 9rem;
      height: 5.5rem;
    }
  }

  @media screen and (max-width: 480px) {
    .partner-logos {
      gap: 0.75rem;
    }

    .partner-logo {
      width: 8rem;
      height: 5rem;
    }
  }
</style>

<section class="partners-section section-padding">
  <div class="section-header">
    <h2>合作伙伴</h2>
    <p class="subtitle">PARTNERS</p>
  </div>
  <div class="partner-logos">
    <!-- 使用placeholder图片代替实际的合作伙伴logo -->
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>
    <div class="partner-logo">
      <img src="/images/icons/partners.png" alt="合作伙伴" onerror="this.onerror=null;this.src='images/placeholder.png';">
    </div>

  </div>
</section>